<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>书店</title>
  <link rel="stylesheet" href="homework.css">
  <script src="data.js"></script>
  <script src="homework.js"></script>
</head>
<body>
<div class="mainDiv">
  <div id="right">
   <div id="spanDiv">
     <h3>图书名:<span id="bookName"></span></h3>
     <h3>作者:<span></span></h3>
     <h3>售价:<span></span></h3>
   </div>
    <img src="img/1.png" width="200px" height="200px">
    <input type="button" value="加入购物车" style="background-color: burlywood"
    onclick="showShopDiv()">
  </div>
  <div id="left">
    <h1>图书一览</h1>
    <table cellspacing="0">
      <thead><th> </th><th>图书名</th><th>作者</th><th>销售价</th></thead>

      <tbody id="bookData"></tbody>
    </table>
    图书名:<input type="text" id="name">
    <input type="button" value="查询" style="background-color: orange"
    onclick="findByName()">
  </div>


  <div id="showDiv">
    <div class="concent">
      <table>
        <thead><th>商品名</th><th>单价</th><th>数量</th><th>单项总价</th><th>移除商品</th></thead>
        <tbody id="shopData"></tbody>
      </table>
     <input type="button" value="继续购买" style="color: #e5b356"
            onclick="bookShop()"></a>
    总价：￥<span></span>
    </div>
  </div>



</div>
</body>
</html>
